// map.js
import QQMap from '../../../libs/index'
Page({
  data: {
    // 地图中心的经纬度
    latitude: 37.871471,
    longitude: 112.622795,
    // 标记点起点和终点的标记点配置
    // 实际开发中 这两个标记点  获取地理位置的方式获取到
    markers: [{
        id: 1,
        latitude: 37.871471,
        longitude: 112.622795,
        iconPath: '/static/images/avatar_1.jpg',
        width: '20',
        height: '25'
      },
      {
        id: 2,
        latitude: 37.873205,
        longitude: 112.628648,
        iconPath: '/static/images/marker.png',
        width: '20',
        height: '25'
      }
    ]
  },
  onLoad({
    id
  }) {
    this.getDetail(id)
  },
  // 获取报修详情
  async getDetail(id) {
    const res = await wx.http.get(`/repair/${id}`)
    this.setData({
      detail: res.data
    })
  },
  onShow() {
    // 路线规划
    QQMap.direction({
      mode: 'bicycling',
      from: '37.873205,112.628648', // from需要一直动
      to: '37.871471,112.622795',
      success: (res) => {
        // console.log(res);
        let coors = res.result.routes[0].polyline,
          pl = [];
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        let kr = 1000000;
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({
            latitude: coors[i],
            longitude: coors[i + 1]
          })
        }
        console.log(pl)
        this.setData({
          latitude: pl[0].latitude,
          longitude: pl[0].longitude,
          polyline: [{
            points: pl,
            color: '#f40', // 路线规划的颜色
            width: 2 // 路线的宽度
          }]
        })
      }
    })
  },
  // 取消报修
  async cancel(ev) {
    // console.log(ev.mark.id);
    // 1. 发送请求
    await wx.http.put(`/cancel/repaire/${ev.mark.id}`)
    // 2. 提示
    wx.utils.toast('取消报修成功')
    // 3. 返回上一页  
    // wx.navigateBack({
    //   delta: 1
    // })

    // 或者 直接修改状态
    this.setData({
      'detail.status': 0
    })
  },
  // 去修改报修信息 
  edit(ev) {
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + ev.mark.id,
    })
  }
})